@CHARSET "UTF-8";

* {margin: 0;padding: 0;}

body {
	background: none repeat scroll 0 0 #fff;
	font-family: Segoe UI, Segoe UI Light, Segoe UI Symbol;
	font-size: 13px;
}
img{border: none;}
.clear{clear: both;}
.icon{
	background: url("../images/glyphicons_halflings.png");
	width:15px;height: 15px;line-height: 15px;
	display: inline-block;
}
.icon-l{
	background: url("../images/glyphicons.png");
	width:27px;height: 27px;line-height: 27px;
	display: inline-block;
}
a{text-decoration: none;}
a:hover{text-decoration: underline;}
#wrapper{width: 100%;}
#topnav {background: #2C2C2C;height:46px;overflow: hidden;width: 100%;position: fixed;top:0;left:0;z-index: 1000;}
#topnav .logo{padding: 3px;overflow: hidden;display: inline;width: 230px;float: left;}
#topnav .logo img{height: 40px;margin-right: 5px;}
#topnav .logo .version{padding: 5px;color: #fff;font-size: 14px;line-height: 30px;display: inline;float: right;}
#topnav .name{display: inline;float: left;color: #fff;font-size: 20px;padding: 10px;}
#topnav .setting{display: inline;float: right;}
#topnav .setting .uinfo{display: inline;float: right;}
#topnav .setting .uinfo a,
#topnav .setting .uinfo span{display: block;color: #fff;text-decoration: none;}
#topnav .setting .uinfo a.uname{font-size: 15px;margin-top: 5px;}
#topnav .setting img{width: 40px;height:40px;float: right;margin: 2px;border:1px solid #fff;border-radius: 2px;}

#main{overflow: hidden;position: relative;}
#main .dashboard{position: fixed;top:46px;left:0;float: left;width: 86px;background: #52145f;min-height: 1000px;overflow: hidden;text-align: center;}
.dashboard .ic{padding: 5px 0;margin: 5px 0;}
.dashboard .ic:hover{background: #000;}
.dashboard a{display: block;color: white;text-decoration: none;}
.dashboard a img{display: block;margin: 10px 20px;}
/*.dashboard .statis,
.dashboard .block{margin: 9px;border:1px solid #fff;border-radius:5px;}
.dashboard .statis .title,
.dashboard .block .title{padding: 5px;font-size: 15px;color: #36B7EA;cursor:pointer;
background: url("../images/exp.png") 170px 10px no-repeat #f8f8f8;}
.dashboard .block ul.bd{list-style: none;}
.dashboard .block ul.bd li{padding: 5px 5px 5px 20px;border-top: 1px solid #fff;
background: url("../images/li-ico.png") 5px 11px no-repeat white;}
.dashboard .block ul.bd li a{font-size: 15px;color: #0f3eaf;}
.dashboard .collapse .title{background: url("../images/coll.png") 170px 10px no-repeat #f8f8f8;}
.dashboard .collapse .bd{display: none;}
.dashboard .statis .bd{background: #fff;padding: 5px;}
.dashboard .statis .bd .ele{overflow: hidden;padding: 3px;}
.dashboard .statis .bd .ele .lb{display: inline;float: left;width: 70px;color: #52145F;}
.dashboard .statis .bd .ele .val{display: inline;float: right;width: 90px;color: #0F3EAF;}
*/



#main .content{position: relative;overflow: hidden;min-width: 800px;min-height: 500px;margin: 46px 0 0 86px;}
.content ul.errors{list-style: circle;color: red;border: 1px solid #ddd;margin: 5px 10px;}
.content ul.errors li{margin-left: 30px;}
.content .grid{margin: 2px;padding: 3px;}
.grid .row{overflow: hidden;}
.grid .card{margin: 15px;border:1px solid #ddd;box-shadow:0 0 3px #dfdfdf;border-radius:10px;display: inline;}
.grid .card .title{padding: 10px;font-size: 20px;border-radius:10px 10px 0 0;border-bottom: 1px solid #ddd;background: #f4f4f4;text-transform: uppercase;color: #36B7EA;}
.grid .card .bd{text-align: justify;line-height: 20px;padding: 10px;}
.grid .r1 .card{}
.grid .r1 .c1{width: 57%;float: left;}
.grid .r1 .c2{width: 35%;float: right;}
.grid .r2 .card{width: 29%;float: left;}
.grid .r3 .lf{width: 48%;float: left;display: inline;}
.grid .r3 .lf .card{display: block;}
.grid .r3 .c4{width: 48%;float: right;}


.content .data{margin: 2px;padding: 3px;}

.content .bread{padding: 4px;margin:5px 10px; border:1px solid #ddd;height:27px;}
.content .bread .br{list-style: none;}
.content .bread .br li{display: inline;float: left;padding: 4px 4px 4px 20px;
background: url("../images/bread.png") left 11px no-repeat transparent;}
.content .bread .br li.home{background:  url("../images/bread-home.png") left 8px no-repeat transparent;}
.content .bread .br li a{color: #000;}
.content .bread .br li span{color: #444;}
/*Message*/
.content .message{margin:5px 10px;padding: 4px;border:1px solid #ddd;}
.content .error{color: red;}
.content .info{color: #0F3EAF;}
.content .warning{color: #363636;}

.content .metro{margin: 5px;padding: 5px;}
.content .metro .blk{position: relative;margin-right: 320px;overflow: hidden;}
.content .metro .blk .card{margin: 5px;background: #0090a4;color: #fff;padding: 5px;width: 265px;display: inline;float: left;cursor: pointer;height: 130px;}
.content .metro .blk .card:hover{opacity:0.8;}
.content .metro .blk .card .title{padding: 3px;font-size: 20px;}
.content .metro .blk .card a{color: #fff;}
.content .metro .blk .card a:hover{text-decoration: none;}
.content .metro .blk .card .desc{line-height: 20px;padding: 5px;text-align: justify;}
.content .metro .blk .card .statis{padding: 5px;}
.content .metro .blk .card .statis span.number{font-size: 20px;float: right;}
.content .metro .blk .card2{background: #5c3ab7;}
.content .metro .blk .card3{background: #007f00;}
.content .metro .blk .card4{background: #a400ab;}
.content .metro .blk .card5{background: #d34927;}
.content .metro .blk .card6{background: #a100a8;}
.content .metro .blk .card7{background: #b41b43;}
.content .metro .blk .card8{background: #bd1e4a;}
.content .metro .ilist{position: absolute;top:48px;right: 5px;width: 290px;margin: 10px;background: #2d88ef;color: #fff;}
.content .metro .ilist .title{font-size: 20px;padding: 5px;}
.content .metro .ilist ul.bd{list-style: none;}
.content .metro .ilist ul.bd li{padding: 10px 20px;}
.content .metro .ilist ul.bd li:hover{background: #323232;} 
.content .metro .ilist ul.bd li a{color: #fff;}
.content .metro .ilist ul.bd li a:hover{text-decoration: none;}
table.table{width: 100%;border: 1px solid #7B9BC3;border-radius: 5px 5px 5px 5px;border-spacing: 0;}
table.table th{ background: none repeat scroll 0 0 #7B9CC5;
    color: #FFFFFF;
    cursor: pointer;
    padding: 5px;
}
table.table tbody tr.focus{background:#E9EFF6;}
table.table tbody td{color: #594362;overflow: hidden;padding: 5px;}

/*index product*/
.content .xleft, .content .xright{float: left;}
.content .xleft{width: 69%;padding-left: 4px;}
.content .xleft>.xtile{width: 255px;height: 120px;float: left;margin: 7px;border-radius: 1px; }
.content .xleft>.xtile a{color: white;font-size: 14px;text-decoration: none;position: absolute;right: 3px;}
.content .xleft>.xtile a:HOVER{color: black;}
.content .xleft>.xtile .a1{top: 5px;}
.content .xleft>.xtile .a2{bottom: 5px;}
.content .xleft>.xtile:HOVER{opacity : 0.85;}
.content .xleft>.xtile>.xxtop{padding-top: 5px;position: relative;}
.content .xleft>.xtile>.xxtop img{margin-left: 33%;}
.content .xleft>.xtile>.xxbot{padding: 1px 5px;}
.content .xleft>.xtile>.xxbot span{color: white;font-size: 18px;}
.content .xleft>.xtile>.xxbot span.xxx{float: right;}
.content .xright{width: 30%;height: 100%}
.content .xright>div{width: 99%;margin: 5px auto;float: left;border: 1px solid #DDDDDD;border-radius: 1px;}
.content .xright h3{text-align: center;font-size: 16px;color: #FF9510;height: 25px;background: #FEF0D5;padding: 4px;}
.content .xright ul{list-style: none;}
.content .xright ul li{padding:5px 10px;margin: 2px 10px;border-bottom: 1px dashed #ddd;}
.content .xright ul li a{text-decoration: none;color: black;}
.content .xright>.xtop{}
.content .xright>.xbot{}

























